/* Create by gaojiye */
@charset "utf-8";
/*通用样式ͨ*/
body,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
    margin:0;
    padding:0;
}
ul, li{
    list-style: none;
}
a:link,
a:visited,
a:active {
    text-decoration: none;
}
body{
    background: #f2f2f2;
}

.header {
    height: 80px;
    position: relative;
    padding: 0 20px;
    font-size: 36px;
    color: #ffffff; /* 亮白色字体 */
    text-align: center;
    background: linear-gradient(135deg, #1e3c72, #2a5298); /* 渐变背景 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 现代阴影 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.header h1 {
    margin: 0;
    font-family: 'Roboto', sans-serif; /* 现代字体 */
    font-weight: 700; /* 加粗字体 */
}

.header a.back {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px 16px;
    background-color: #ffffff;
    color: #1e3c72;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s, color 0.3s;
}

.header a.back:hover {
    background-color: #1e3c72;
    color: #ffffff;
}

.main{
    padding: 0 30px 30px;
}
.main-left{
    float: left;
    width: 45%;
    padding: 0 10px;
}
.main-right{
    float: right;
    width: 45%;
    padding: 0 10px;
}

.border-container {
    position: relative;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.15);
	box-shadow: inset 0 0 50px rgba(255,255,255,.1),0 0 5px rgba(0,0,0,.3)
}
.border-container span.border-span {
    display: block;
    position: absolute;
    width:15px;
    height: 15px; opacity: .5
}

.border-container span.top-left {
    top: -2px;
    left:-2px;
    border-top: 2px solid #54dcf2;
    border-left: 2px solid #54dcf2;
}

.border-container span.top-right {
    top:-2px;
    right:-2px;
    border-top: 2px solid #54dcf2;
    border-right:2px solid #54dcf2;
}

.border-container span.bottom-left {
    bottom: -2px;
    left: -2px;
    border-bottom: 2px solid #54dcf2;
    border-left: 2px solid #54dcf2;
}

.border-container span.bottom-right {
    bottom: -2px;
    right: -2px;
    border-bottom: 2px solid #54dcf2;
    border-right: 2px solid #54dcf2;
}
.name-title{
    font-size:16px; font-weight: bolder;
    color: #000;
}

#main1,
#main2,
#main3,
#main4{
    height: 350px;
}




